body {
	overflow: scroll;
}
#topNavBox {
	height: 40px;
	flex-shrink: 0;
}
#topNav {
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	> div {
		padding: 0 14px;
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #e8e8e8;
		h3 {
			color: #4294ff;
			padding: 8px;
			border-bottom: 3px solid #acdaf6;
		}
		button {
			margin-right: 10px;
			height: 28px;
			border-radius: 20px;
			color: #005177;
			background-color: #acdaf6;
		}
	}
}
main {
	padding: 0 14px;
}
// 课程推荐
#course {
	> p {
		line-height: 36px;
	}
	.course-cont {
		overflow: hidden;
		border-radius: 12px;
		box-shadow: 0px 0px 6px #ccc;
		font-size: 14px;
		> p {
			width: 100%;
			height: 150px;
			flex-shrink: 0;
			background-color: #4294ff;
			img {
				width: 100%;
				height: 100%;
			}
		}
		> div {
			padding: 0px 10px 10px;
			p {
				&:nth-child(1) {
					line-height: 26px;
				}
				&:nth-child(2) {
					font-size: 12px;
					color: #9a9a9a;
				}
			}
		}
	}
}
#dynamic {
	font-size: 14px;
	color: #414141;
	ul {
		img {
			width: 100%;
			height: 100%;
		}
	}
	.userInfo {
		padding: 14px 0;
		> p {
			&:nth-child(1) {
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background-color: #4294ff;
				margin-right: 14px;
			}
			&:nth-child(2) {
				font-size: 16px;
				span {
					margin-top: 4px;
					font-size: 12px;
					color: #9a9a9a;
				}
			}
		}
	}
	.text {
		line-height: 22px;
	}
	.imgs {
		padding: 16px 0;
		width: 100%;
		flex-wrap: wrap;
		li {
			flex-shrink: 0;
			flex-grow: 0;
			padding: 7px;
			box-sizing: content-box;
			width: 100px;
			height: 100px;
			img {
				width: 100%;
				height: 100%;
			}
		}
	}
}
